{% extends 'base_backend.html' %}
{% load static %}
{% load my_filter %}
{% block section_content %}
<div>
    <section class="content">
        <div class="error-page">
            <h2 class="headline text-yellow"> 404</h2>

            <div class="error-content">
                <h3><i class="fa fa-warning text-yellow"></i>糟糕，页面走丢了。</h3>
                <p style="margin-top: 15px;">
                    从前有座山，山上有座庙，<br/>
                    庙里有个页面，现在找不到...<br/>
                <ul>
                    <li>可能网速过慢，或网络中断。</li>
                    <li>可能页面已经被删除或暂时不可用。</li>
                    <li>这个网页太受欢迎了，太多人在访问。</li>
                </ul>
                </p>

                <form class="search-form">
                    <span id="second">5</span>
                    秒后自动跳转至
                    <a href="{% url 'task:index' %}">首页</a>
                </form>
            </div>
        </div>
    </section>
</div>
<script>
    onload=function () {
        setInterval(go,1000)
    };
    var x=4;
    function go() {

        if (x>=0){
            document.getElementById("second").innerText=x;
        }else {
            location.href="{% url 'task:index' %}";
        }
        x--;
    }
</script>
{% endblock section_content %}